﻿@charset utf-8;
/** Header **/
body{width:1004px;margin:0 auto;}
body.dialog{width:auto;}
#header{width:100%;_height:115px;*height:115px;}
#logo{display:inline-block;width:605px;height:100px;background:url(../images/logo.png) no-repeat left top;margin:15px 0;_float:left;*float:left;}
#logo h1{display:none;}
#donate{float:right;background-color:#DEDFE1;height:40px;width:120px;margin-top:60px;}
a#donate:hover{text-decoration:none;}
#donate p{margin: 0 0 0 40px;text-align:center;line-height:40px;}

/** Section **/
#section{width:100%;margin:15px 0 ;}
.book_list{margin:0;padding:0;}
.book_item{margin:10px;float:left;width:480px;background:#DEDFE1; }
.book_item a.book_img{float:left;width:165px;height:210px;overflow:hidden;}
.book_item img{min-width:165px;min-height:220px;height:100%;}
.book_item .book_desc{margin:0;float:left;padding:5px 20px;}
.book_item .title{font-size: 150%;width: 260px;margin:10px 0;}
.book_item .ebook, .book_item .pending{background: #fff url(../images/sprite_s.png) no-repeat;height: 30px;width: 70px;padding: 0 0 0 30px;text-align:center;line-height: 30px;float:left;margin: 5px 15px 0 0;}
.book_item .ebook:hover, .book_item .pending:hover{text-decoration:none;}
.book_item .pending{background-position:0 -120px;}
.book_item .ebook{background-position:0 -240px;}

/** Footer **/
#footer{clear: both;text-align:center;color:#aaa;font-size:90%;padding:15px 0;}
#footer a{color:#aaa;}

/** sprite **/
.newbook, .search, .logout, .user, .pending, .setting, .password, .booklist, .ebook{background:url(../images/sprite.png) no-repeat center;}
.newbook{background-position:0 0;}
.search{background-position:0 -40px;}
.logout{background-position:0 -80px;}
.user{background-position:0 -120px;}
.pending{background-position:0 -160px;}
.setting{background-position:0 -200px;}
.password{background-position:0 -240px;}
.booklist{background-position:0 -280px;}
.ebook{background-position:0 -320px;}

/** Login **/
#admin{width:390px;height:288px;position:absolute;top:50%;left:50%;margin:-195px 0 0 -188px;}
#login #logo{display:block;width:386px;height:77px;background:url(../images/login.png) no-repeat left top;margin:0 auto;}
#login h1{display:none;}
.login_form .user, .login_form .password{width:40px;height:40px;float:left;}
.login_form p{width:386px;margin:30px auto;line-height:40px;height:40px;}
p.submit label{font-size:0.8em;}

/** Nav **/
#nav{float:right;margin-top: 60px;}
#nav .nav_list{margin:0;padding:0;}
#nav .nav_item{width:40px;height:40px;overflow:hidden;float:left;margin:5px;}
.nav_item a{padding-left:40px;display:block;line-height:40px;}

/** Form **/
label.text{display:block;float:left;width:120px;height:40px;background-color:#000;color:#fff;line-height:40px;text-align:center;}
input.text{border:none;width:330px;height:40px;line-height:20px;background-color:#DEDFE1;margin:0; padding: 0 0 0 10px;float:left;}
span.text_tail{float:left;height:40px;line-height:40px;background-color:#DEDFE1;padding:0 5px;}
.iconbtn{width:40px;height:40px;float:left;border:none;}
.iconbtn:hover{cursor:pointer;}
.iconbtn:active{cursor:pointer;width:38px;height:38px;margin:1px;}
.btn{width: 80px;background:#000;border:none;color:#fff;height: 35px;float: right;margin: 0 10px;}
.btn:hover{cursor:pointer;}
.btn:active{width:78px;height:33px;margin:1px 11px;}

/** Post **/
#post{}
#post ul{margin:10px 0;padding:0;}
#post li.form_item{clear:left;height:40px;margin:10px 0;}
span.checkbox{float:left;width:40px;height:40px;line-height:40px;text-align:center;background-color:#DEDFE1;}

/** Edit **/
.post_content{margin:0 auto;}
.thumb{float:left;}
.thumb .pic{height:300px;}
.info{margin-left:250px;width:450px;}
.info label.text{margin-left:5px;width:60px;}
.info p{height:40px;}
.info input.text#count{width:60px;}
.info input.text#people{width:100px;}
.info input.text#ebookurl{width:366px;}
.info .title{font-size:200%;font-weight:normal;width:450px;}
.info .submit{text-align:right;}